<template>
    <div class="order-list">
        <common-list :datalist="list" :type="3" :pageFlag="true" :totalPage="totalPage" :curPage="curPage" @prev="prev" @next="next" @chosePage="chosePage"></common-list>
    </div>
</template>

<script>
import CommonList from '../../components/CommonList';
export default {
    components:{
        CommonList
    },
    data(){
        return {
            list:[],
            totalPage:1600,
            curPage:5
        }
    },
    mounted(){
        let tmpList = [];
        for(let i=20;i--;){
            let tmpObj = {
                    id:i,
                    pic:require('../../assets/img/source/source.jpg'),
                    title:'2020蓝色商务简约风格季度工作总结汇报盛大范德萨富士达范德萨发达可否尽快交付防盗监控管理发的是客观',
                    downCount:3456,
                    showCount:7890,
                    maskFlag:false
                }
            tmpList.push(tmpObj);
        }
        this.list = tmpList;
    },
    methods:{
        prev(){
            if(this.curPage>1){
                this.curPage -= 1;
            }
        },
        next(){
            if(this.curPage<this.totalPage){
                this.curPage += 1;
            }
        },
        chosePage(page){
            this.curPage = page;
        },
    }
};
</script>

<style lang="less" scoped>
.order-list{
    padding:40px 28px 30px 28px;
}
</style>